import { StyleSheet } from 'react-native';
import { px } from '../../../../util/adapt';
import { getScreenInfo, ScreenOrientation } from '../../../../util/screen';
import { CARD_HEIGHT, CARD_WIDTH, CONTENT_WIDTH } from '../../constant';

const { width, height } = getScreenInfo({
  screenOrientation: ScreenOrientation.Landscape
});

export default StyleSheet.create({
  container: {
    width,
    height,
    alignItems: 'center',
    justifyContent: 'center'
  },
  content: {
    width: CONTENT_WIDTH,
    height: CARD_HEIGHT,
    justifyContent: 'center'
  },
  next: {
    position: 'absolute',
    left: 0,
    bottom: 0,
    width: px(100),
    height: px(50),
    borderRadius: px(25),
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'red'
  },
  desc: {
    fontSize: px(20),
    fontWeight: '500',
    color: '#ffffff'
  },
  loading: {
    position: 'absolute',
    left: 0,
    top: 0,
    width: CARD_WIDTH,
    bottom: 0
  }
});
